<template>
    <div class="zongGLKZ">
        <custom-dialog title="总功率控制" size="small" @dialogClose="dialogTableClose">
            <div class="cContentItem">
                <div class="cCheck">
                    <img src="@/assets/images/controlCenter/unSelect.png" />
                    <label>启用总功率控制 </label>
                </div>
                <div class="cCheckItem half25" style="padding-left: 45px">
                    <label> 总功率(kW)：</label>
                    <el-input type="text" placeholder="请输入" style="width: 120px"></el-input>
                </div>
                <div class="cCheckItem half25">
                    <label>恢复时间(分)： </label>
                    <el-input-number v-model="num" @change="handleChange" :min="1" :max="1000" label="描述文字"></el-input-number>
                </div>
                <div class="cButton">
                    <el-button type="primary" size="small">确定下发</el-button>
                </div>
            </div>
        </custom-dialog>
    </div>
</template>

<script>
import customDialog from '@/components/customComponents/customDialog'
export default {
    name: 'zongGLKZ',
    components: {
        customDialog
    },
    data() {
        return {}
    },
    computed: {},
    created() {},
    methods: {
        dialogTableClose() {
            this.$emit('onClose', '')
        }
    }
}
</script>

<style lang="scss" scoped>
.cContentItem {
    font-size: 14px;
    padding: 0;
    background: #fff;
    .cCheck {
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        text-align: left;
        margin: 15px;
        img {
            font-size: 14px;
            width: 20px;
            float: left;
            margin-right: 10px;
            margin-top: 7px;
            cursor: pointer;
        }
        label {
            font-size: 14px;
        }
    }
    .cCheckItem {
        height: 32px;
        line-height: 32px;
        margin-bottom: 15px;
        img {
            width: 20px;
            margin-top: 5px;
        }
        label,
        img {
            font-size: 14px;
            float: left;
            margin-right: 10px;
        }
        div,
        .el-input {
            float: left;
        }
    }
    .half25 {
        width: 50%;
        text-align: center;
        float: left;
    }
    .half100 {
        width: 100%;
        text-align: center;
        float: left;
    }
    .cButton {
        clear: both;
        text-align: left;
        padding-left: 45px;
    }
}
</style>